<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" content="text/html" http-equiv="content-type">
    <meta name="viewport" content="width=device-width,
initial-scale=1,maximum-scale=1,user-scale=no">
    <title>登录</title>
    <link rel="stylesheet" href="../css/50.css" />
    <script src="../tools/jquery.min.js" ></script>
    <link rel="stylesheet" href="../css/wy.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
    <script type="text/javascript">
        $(function (){
            $('#password').focus(function (){
                //密码框获得焦点，追加样式.password
                $('#owl').addClass('password');
            }).blur(function (){
                //密码框失去焦点，移除样式.password
                $('#owl').removeClass('password');
            })
        })
    </script>
</head>
<div id="content f-pr">
    <div class="nav f-pr">
      <div class="logo f-f1">
        <a href="../index.html"></a>
      </div>
      <div class="search f-f1">
        <div class="inputwrap">
          <form class="f-pr">
            <input type="text" class="searchbox" placeholder="搜一搜" />
          </form>
        </div>
        <div class="wrap">
          <div class="m-hot-search-words">
            <h2>热门搜索</h2>
            <ul class="list">
              <li>薛之谦</li>
              <li>耳机</li>
              <li>迪斯尼Q2</li>
              <li>漫威太空仓</li>
              <li>真无线</li>
            </ul>
          </div>
          <div class="m-search-history">
            <h2>搜索历史</h2>
            <ul class="list">
              <li class="f-pr">
                <p class="cnt f-thide">迪士尼Q2</p>
                <span class="btn f-pa">
                  <i>x</i>
                </span>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="m-shopcar f-f1 f-pr">
        <a href="./html/shopCar.html" data-action="login"></a>
      </div>
      <div class="m-user f-f1" id="m-user">
        <div class="m-select f-pr">
          <div class="login">登录</div>
          <ul class="login2">
            <li data-action="login">
              <script></script>
              <a class="f-pr s-fc0" href="./html/login.html">
                <!-- <em>需要强调的文本</em>” -->
                <em class="phone"></em>
                手机号登录
                <span class="f-pa"></span>
              </a>
            </li>
            <li data-action="login">
              <a class="f-pr s-fc0">
                <!-- <em>需要强调的文本</em>” -->
                <em class="wechat"></em>
                微信登录
                <span class="f-pa"></span>
              </a>
            </li>
            <li data-action="login">
              <a class="f-pr s-fc0">
                <!-- <em>需要强调的文本</em>” -->
                <em class="qq"></em>
                QQ登录
                <span class="f-pa"></span>
              </a>
            </li>
            <li data-action="login">
              <a class="f-pr s-fc0">
                <!-- <em>需要强调的文本</em>” -->
                <em class="sina"></em>
                新浪微博登录
                <span class="f-pa"></span>
              </a>
            </li>
            <li data-action="login">
              <a class="f-pr s-fc0">
                <!-- <em>需要强调的文本</em>” -->
                <em class="netease"></em>
                网易邮箱账号登录
                <span class="f-pa"></span>
              </a>
            </li>
          </ul>
          <i class="arr"></i>
        </div>
      </div>
    </div>
  </div>


<!-- <form action="">
  <input type="text" />
  <input type="text" />
  <input type="button" value="登录"  />
</form> -->
<div class="middle">
    <div class="login-box">
          <div class="owl" id="owl">
              <div class="hand"></div>
              <div class="hand hand-r"></div>
              <div class="arms">
                  <div class="arm"></div>
                  <div class="arm arm-r"></div>
              </div>
          </div>
          <form class="input-box">
              <input type="text" placeholder="账号">
            <input type="password" placeholder="密码"
                                                 id="password">
              <input type="button" value="登录"></input>
          </form>
      </div>
</div>


      

</body>
<script src="../js/login.js"></script>
</html>
